<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>易班自动打卡</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="reCheckin.html">补签</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="about.html">关于</a></li>
            </ul>
        </div>
    </div>
</nav>


<div class="container">
    <div id="alert">

    </div>
    <div class="panel panel-default">
        <div class="panel-heading">易班自动打卡(<span style="color: red" >使用前仔细阅读</span>)</div>
        <div class="panel-body">
            <p>
                晨午检都是自动的，填一次即可<br>
                不保证一定能签到成功，建议自行进入易班检查是否成功<br>
                填写邮箱会有邮件提醒(没有邮件的话再垃圾邮件里找，还是没有的话那就没有)<br>
            <span style="color: red;font-size: 20px">若我没签上而恰巧你也没签，造成的任何后果都与我无关，使用则默认同意。若身体出现任何异常情况，请第一时间报告辅导员</span><br>

            </p>
            <hr>
            <form id="form">
                <div class="form-group ">
                    <label for="account">手机号</label>
                    <input type="text" name="account" class="form-control" id="account" placeholder="填写易班手机号">
                </div>
                <div class="form-group">
                    <label for="password">密码</label>
                    <input type="password" name="password" class="form-control" id="password" placeholder="易班账号密码">
                </div>
                <div class="form-group">
                    <label for="email">邮箱</label>
                    <input type="email" name="mail" class="form-control" id="email" placeholder="用于接收签到状态的邮箱">
                </div>
                <button type="button" class="btn" id="submit">提交</button>
            </form>
        </div>
        <div class="panel-footer">
            <p style="color: red">由于邮件不太好用，所以有什么事就在这里说</p>
            <p>12.6清理了一次无效数据，误伤的同学重新填一下</p>
            <p>
                <strong>1. 关于签到逻辑<br></strong>
                6-9点，12-15点每小时签到一次（若第一次签到成功则不会参加第二次签到，例如：6-9点之间共签到3次，若第一次6点签到失败，则7点再次尝试，继续失败继续尝试，最多尝试三次），大概十分钟可以完成所有人的签到。<br>
                <strong>2. 关于邮件<br></strong>
                邮件一直都在发，没有收到有两个原因一是发过去被当作垃圾邮件，二是由于发信频繁邮件被退回，如果有更好的通知方式可以联系我<br>
                <strong>3. 关于定位<br></strong>
                定位固定在生活区<br>
                <strong>4. 关于提示"用户已存在"<br></strong>
                有两种情况，一种是原来添加过，或刚才已经添加成功<br>
            </p>
            <span>提交点一次出现绿框"操作成功"即可,有什么问题可以发邮件联系我<a>981340404@qq.com</a></span><br>
        </div>
    </div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
    $("#submit").click(function () {
        alert("点击后请等待一会")
        $.ajax({
            url:"user/insert",
            type:"post",
            dataType: "json",
            data: $("#form").serializeArray(),
            success:function (data) {
                if(data.code === 200){
                    $("#alert").html('<div class="alert alert-success" role="alert">'+data.message+'</div>');
                } else {
                    $("#alert").html('<div class="alert alert-danger" role="alert">'+data.message+'</div>');
                }
                console.log(data);
            }
        })
    })
</script>
</body>
</html>